<html>
<head>
    <meta charset="utf-8">
    <base href="http://x-d-y-3-s.oss-cn-hangzhou.aliyuncs.com"/>
    <link rel="stylesheet" type="text/css" href="http://language-pdd.oss-accelerate.aliyuncs.com/pdd.css">
    <link rel="icon" href="">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="msapplication-tap-highlight" content="no"/>
    <title></title>
    <script type="text/javascript">
		var _thost = 'http://' + window.location.host;
        var pathArr = window.location.pathname.split("/");
        if(pathArr.length==3 && pathArr[1] != ""){
            if(pathArr[1].search(".html")!=-1){

            }else{
                _thost = 'http://' + window.location.host + "/" + pathArr[1];
            }
        }
        var _tt = new Date().getTime();
        document.write('<script type="text/javascript" src="http://language-pdd.oss-accelerate.aliyuncs.com/haojjjjghyou/config.js?v=3' + _tt + '"> <\/script>');
    </script>

    <script type="text/javascript" src="/files/js/fastclick.js"></script>
    <script type="text/javascript" src="/files/js/rem.js"></script>
    <link rel="stylesheet" type="text/css" href="/files/css/alert.css">
    <script type="text/javascript" src="/js/load.js?v=123"></script>
    <script type="text/javascript" src="/pdd2/roomList.js?v=123"></script>

    <style type="text/css">
        .rowGame {
            position: relative;
            top: 0vw;
            margin-top: 0vw;
            left: 0;
            width: 100vw;
            height: 35vw;
            overflow: hidden;
        }

        .rowGame .item {
            position: absolute;
            width: 25vw;
            height: 33vw;
            text-align: center;
            color: #fff;
            opacity: 0.3
        }

        .rowGame .item img {
            position: absolute;
            top: 1.5vw;
            left: 1vw;
            width: 20vw;
            height: 25vw;
        }

        .rowGame .item .gamename {
            position: absolute;
            bottom: 1.5vw;
            width: 100%;
            text-align: center;
            font-size: 11pt;
        }

        .gameScoreTitle {
            position: relative;
            top: 0vw;
            margin-top: 0.5vw;
            left: 0;
            width: 100vw;
            height: 7vw;
            overflow: hidden;
        }

        .scoreRow {
            position: relative;
            top: 0vw;
            margin-top: 1vw;
        }

        .selectBorder {
            box-shadow: 0px 0px 4px 2px #e1ff3a;
        }

    </style>
    <script type="text/javascript">
        window.addEventListener('load', function () {
            FastClick.attach(document.body);
        }, false);
    </script>
</head>

<body style="position: fixed; width: 100%;margin: 0 auto;background: url(/files/images/daoyou/package/bg.jpg);background-size: 100vw 100vh;">

<div id="loading" style="position: fixed;width:100%;height:100%;top:0;left:0;background: #000">
    <img src="/files/images/common/loading.gif"
         style="top: 40%;position: absolute;left: 50%;margin-left: -45px;margin-top: -45px;"/>
</div>
<div class="main" id="app-main" style="position: relative; width: 100%;margin: 0 auto; display: none;">
    <div class="box">

        <img style="position: fixed;width: 14vw;top: 2vh;left: 10px;z-index: 1;" class="bottomHome"
             src="/files/images/daoyou/common/back2.png" v-on:click="gotoHall()"/>

        <div class="pdd00609" style="color: #fefeba;font-size: 0.8rem;text-align: center;line-height: 10vh;height: 10vh;"></div>

        <div style="overflow-x: scroll;">
            <div style="width: 164vw;">
                <img @click="clickGame(item)" style="width: 16vw; margin: 2vw 1vw;"
                     :class="selectedGame==item.game_type?'selectBorder':''"
                     :src="'/files/images/daoyou/log/'+item.game_icon" v-for="item in globalData.gameList">
            </div>
        </div>
        <div class="scoreRow" style="overflow-y: scroll;height: 78vh;">
            <div class="backcolor"></div>
            <div style="position: relative;">
                <div v-for="(item, index) in gameScoreList"
                     style="position: relative;width: 100%;height: 12vh;line-height: 13vw;text-align: center;margin-top: 2px;color: white;overflow:hidden;background: url(/files/images/daoyou/page/item-bg.png);background-size: 100% 100%;"
                     v-on:click="clickScoreItem(item)">
                    <div style="background: url(/files/images/daoyou/page/avatar_box.png);background-size: 100% 100%;    width: 18vw;height: 18vw;position: relative;top: 50%;transform: translateY(-50%);left: 2vw;">
                        <img :src="'/files/images/daoyou/log/'+item.game_type+'.png'"
                             style="position: absolute;left: 1vw;top: 1vw;border-radius: 1vw;width: 16.5vw;height: 16.5vw;">
                    </div>
                    <div class="pdd00607" style="position: absolute;left: 23vw;font-size: 14pt;color: rgb(0, 0, 0);text-align: left;top: 1vw;">
                         {{item.number}}
                    </div>
                    <div style="    position: absolute;width: 100%;left: 23vw;font-size: 12pt;color: rgb(0, 0, 0);text-align: left;bottom: 1vw;">
                        {{item.time}}
                    </div>
                    <div class="pdd00610" style="color:rgb(76,205,59);position: absolute;top: 50%;transform: translateY(-50%);right: 10vw;font-size: 0.5rem;">
                        
                    </div>
                    <img src="/files/images/daoyou/page/arrow.png"
                         style="position: absolute;right: 2vw;top: 50%;transform: translateY(-50%);width: 6vw;">
                </div>
                <div id="moretext" v-if="selectedGame"
                     style="position: relative;margin-top: 4px;color: #39d7ff;height: 13vw;text-align: center;line-height: 13vw;font-size: 2.2vh;"
                     v-on:click="clickMore(selectedGame)">
                    <div class="backcolor pdd00608"></div>
                    
                </div>
            </div>
        </div>

    </div>

</body>

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript" src="/files/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="/files/js/bscroll.min.js"></script>
<script type="text/javascript" src="/files/js/vue.min.js"></script>
<script type="text/javascript" src="/files/js/vue-resource.min.js"></script>
<script type="text/javascript" src="/files/js/roomList_daoyou1.js?v=1"></script>
<script type="text/javascript">
    document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
        
        WeixinJSBridge.call('hideOptionMenu');
    });
</script>
<script>
    $(document).on('click', 'img', function (e) {
        e.preventDefault();
    })
</script>

</html>
